body {
  background: #f0f0f0;
  font: 14px/18px Helvetica, Arial;
  margin: 20px;
}

h1 {
	font-weight: bold;
	text-shadow: 0 2px 0 #222;
}

a, a:visited {
	color: #aea;
	text-decoration: none;	
	-webkit-transition: all .3s;
	padding: 5px;
}

a:hover {
	color: #000;
	background: #aea;
	text-shadow: none;
}


#field {
  margin: 0 auto;
  width: 590px;
  position: relative;
}

.card {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
}

.card img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
}

#score, #tries {
  position: absolute;
  left: -150px;
  top: 40px;
  font-size: 100px;
  line-height: 100px;
  color: #aaa;
  width: 100px;
  text-align: right;
}

#tries {
  font-size: 20px;
  top: 100px;
  left: -160px;
}

/* a {
  color: #888;
} */

#controls {
  position: absolute;
  top: 200px;
}
/*
code for menu
*/
#gameStats{
	background: #6B8E23;
	width: 780px;
	margin: 20px auto 20px;
	display: block;
	-moz-box-shadow: 0px 3px 8px #000;
	box-shadow: 0px 3px 8px #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	overflow: auto;

}

#gameStats p#timer{
	width: 200px;
	float: left;
	/* text-align: left;
	font-family: myriad pro;
 */	padding: 0 0 0 10px;
}
#gameStats p#reset{
	width: 200px;
	float: right;
	/* text-align: right;
 */	padding: 0 10px 0 0;
	}

#gameStats .gameReset{
	width: 200px;
	float: right;
	/* text-align: right;
	font-family: myriad pro;
 */	padding: 0 10px 0 0;
	color: #fff;
	text-decoration:none;
	display:block;
}

 #gameStats a.buttonhelp {
	background: white;
	border-radius: 5px;
	display: block;
	font-size: 30px;
	margin: 10px auto 0;
	padding: 10px;
	width: 100px;
	border: 3px solid #A9A9A9;
	color:#6B8E23;
	text-decoration:none;
}

#gameStats a.buttonhelp:hover {
	background: #D3D3D3;
	color:#6B8E23;
	text-decoration:none;
}

 #gameStats a.buttonquit {
	background: white;
	border-radius: 5px;
	display: block;
	font-size: 30px;
	margin: 230px auto 0;
	padding: 10px;
	width: 150px;
	border: 3px solid #006438;
	color:#006438;
	text-decoration:none;
}

#gameStats a.buttonquit:hover {
     background: #D3D3D3;
	color:#6B8E23;
	text-decoration:none;
}
 
 


#popupHelp {
	font-family: 'Orbitron', serif;
	font-size: 20px;
	font-weight: 700;	  
	text-shadow: 0px 1px 2px #fff;
	
	color: #222;
	
	position: absolute;	  
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background: rgba(0,0,0,.5);
	
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;			
	
	-webkit-transition: all .5s ease-in;
}

#popupHelp  h1 {
	font-weight: 400;
}

#popupHelp.hide {
	background: rgba(0,0,0,0);
	visibility: hidden;		
}

#popupHelp.hide #popup-box{
	margin-top: -800px;
}
